// pages/edit/edit.js
import { updateUserInfo} from '../../utils/api'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    nickname:'', // 昵称
    headimgurl:'' // 头像
  },
  // 更新头像的回调函数
  onChooseAvatar (event) { 
    // 头像信息
    // const tempAvatarUrl = event.detail.avatarUrl
    this.setData({
      headimgurl:event.detail.avatarUrl
    })
  },
  // 交设置按钮的点击事件对应的回调函数
  updateUserInfoHandler () { 
    // 收集用户的头像信息和昵称信息,调用api接口函数即可
    this.updateUserInfoByData()
  },
  // 封装一个调用接口的功能函数
  async updateUserInfoByData () { 
    try {
      const result = await updateUserInfo(this.data)
      if (result.code === 200) { 
        wx.showToast({
          title:'更新用户信息成功'
        })
        // 更新用户信息成功了,把缓存中的用户信息重新的更新一下
        wx.setStorage({
          key: 'userInfo',
          data: {
            headimgurl:this.data.headimgurl,
            nickname:this.data.nickname
          }
        })
        // 跳转到我的页面的操作,就是直接回退就可以了
        wx.navigateBack()
      }
    } catch (error) {
      console.log(error)
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 从缓存中读取用户的信息数据
    const userInfo = wx.getStorageSync('userInfo')
    // 判断
    if (userInfo.nickname) { 
      this.setData({
        nickname:userInfo.nickname, // 昵称
        headimgurl:userInfo.headimgurl // 头像
      })
    }
  },
  // 忽略设置的回调
  goBack () { 
    wx.navigateBack()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})